@charset "UTF-8";

.container > #user-list {
    float:left;
    width:30%;
}

.container > #main-panel {
    margin-left: 10px;
    float:left;
    width:60%;
}

#main-panel .message-panel{
    height:500px;
    overflow-y:scroll;
}

#main-panel .message-panel .label-info {
    margin: 0px 5px;
}

#main-panel .message-panel .from {
    color: #3278b3;
}

#main-panel .message-panel .me {
    color:#3e8f3e;
}

#main-panel .message-panel .time {
    margin-left: 10px;
    color: #737373;
}

#main-panel .message-panel .content {
    color: black;
    padding-left: 10px;
}

.selected-users {
    font-size:16px;
    height:40px;
    padding: 5px;
}

.selected-users label {
    height:29px;
    border:1px solid rgb(195,195,195);
    background-color:#e8e8e8;
    border-radius: 3px;
    padding-left: 3px;
    margin: 0px 4px;
}

.selected-users label img.remove{
    width:17px;
    height:17px;
    cursor: pointer;
}